<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="#one">one</a>
    <a href="#two">two</a>
</body>
<script>

    // url组成:  
    // https://www.baidu.com:80/index.html?a=1&b=2#one

    // 万维网  基于客户端/服务器的的信息发现技术和超文本技术的综合

    // 客户端 -> 浏览器 手机app
    // 服务器 -> web服务器


    // 协议
    // http 超文本传输协议
    // https  http升级版_加密传输 更安全

    // 域名:  www.baidu.com  ip地址   本地主机(localhost -> 127.0.0.1)
    // www    万维网
    
    // baidu        一级域名
    // map.baidu    二级域名
    // a.map.baidu  三级域名

    // 域名后缀: 是指代表一个域名类型的符号
    // 国别域名:  .us .cn .ru
    // 国际域名: .com .net .edu .xyz .top 

    // 对应域名 -> 找到服务器ip地址 -> 访问该服务器(网上电脑)


    // 端口 -> 服务器(网上电脑) -> 6万多个端口 -> 不同的端口有不同的工作职责( 官方给定  + 空余端口)
    // 官方指定
    // TCP 80=超文本服务器（Http)
    // TCP 443=安全服务（HTTPS）

    // 闲置端口 -> 5050   8080  5000 3000  (自己定义用途)

    // 一个服务器可以存多个项目  -> 如果要分开访问 -> 可以每一个项目对应不同的端口访问 -> 默认访问项目的站点(前端页面)


    // /html/index.html 文件路径(从站点开始找到对应的文件路径 -> 服务器返回该文件) 


    // ?a=1&b=2  参数数据队列(向指定路径发送请求时 携带的数据)
    // 1. 单条数据以键值对的形式存在 keyword=一加
    // 2. 多条数据之间用 & 分隔
    // 3. 参数数据和url之间用 ? 分隔


    // #one  锚点(hash值)


</script>
</html>